import React, { useState, useCallback } from 'react'
import { Button } from 'antd'
/**
 * useCallback(闭包原理,缓存函数,提高性能)
 * 第二个参数至关重要
 * 0. 什么都不传--(不缓存)-任何状态更新都重新创建
 * 1. 传入空数组--(永久缓存)
 * 2. 若传入[age]--(依赖特定状态): 依赖的值更新才会重新创建
 */
function Index() {
  const [value, setValue] = useState(0)
  const fn = useCallback(
    () => {
      console.log('value被改变' + value)
    }, [value])
  fn()//调用函数
  return (
    <div>
      value的值-{value}
      <Button onClick={() => {
        setValue(value + 1)
      }}>click</Button>
    </div>
  )
}
export default Index
